<!DOCTYPE html>
<html>
<head>
	<title></title>
	<link rel="stylesheet" type="text/css" href="bower_components\bootstrap\dist\css\bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="style/style.css">
	<script type="text/javascript" src = 'bower_components\jquery\dist\jquery.min.js'></script>
	<script type="text/javascript" src='bower_components\bootstrap\dist\js\bootstrap.min.js'></script>
</head>
<body>
	<% include header.ejs %>
		<div class="tab-content">
			<div class="container content tab-pane active" id="one">
			<div class="row">
			<div class="col-md-8" id="sisider">
				<div class="title">
					<h3><%= cata_name %>
					</h3>
				</div>
				<% for(var i=0; i<items.length; i++) {%>
				<div class="main">
					<div class="row">
						<div class="col-xs-3 main_3">
							<div class="image_cover">
								<img src="http://www.jiyouh.com<%= items[i].img %>">
							</div>
						</div>
						<div class="col-xs-9 main_9">
							<h4><a href="" title="<%= items[i].title %>"><%= items[i].title %></a></h4>
							<p><%= items[i].content %></p>
							<p class="more">
								<span class="time">2015-03-06</span>
								<span class="pull-right">
									<span class="reply"><a href="">21条评论</a></span>
									<span class="view">(<a href="">542</a>)</span>
								</span>
							</p>
						</div>
					</div>
				</div><%}%>
			</div>
			<div class="col-md-4">
				<div class="care">
					<h3>关注我们</h3>
				</div>
				<div id="follow">
					<div class="row" id="follow_row">
						<div class="col-xs-3"><a href=""  id="xlwb">新浪微博</a></div>
						<div class="col-xs-3"><a href="" id="txwb">腾讯微博</a></div>
						<div class="col-xs-3"><a href="" id="yx">邮箱</a></div>
						<div class="col-xs-3"><a href="" id="wx">微信</a></div>
					</div>
				</div>
				<img src="http://www.jiyouh.com/skin/jiyouhui/images/ad300x100.jpg" class="images">
				<div id="scoal">
					<ul class="nav nav-tabs" role="tablist">
						<li role="presentation" class="active">
							<a href="#home" data-toggle="tab" class="mouse">点击排行</a>
						</li>
						<li role="presentation">
							<a href="#profile" data-toggle="tab" class="mouse">最新文章</a>
						</li>
						<li role="presentation">
							<a href="#messages" data-toggle="tab" class="mouse">站长推荐</a>
						</li>
					</ul>
				</div>
				<div class="tab-content">
					<div role="tabpanel" class="tab-pane active" id="home">
						<ul class="list-group">
							<li class="list-group-item">
								<span class="b first">1</span>
								<a href="http://www.jiyouh.com/shouji/android/2015-02-24/76.html" title="HTC One M9官方图曝光 配置价格一并出炉">HTC One M9官方图曝光 配置价格一并出炉</a>
							</li>
							<li class="list-group-item">
								<span class="b second">2</span>
								<a href="http://www.jiyouh.com/peijian/cdsb/2015-03-02/121.html" title="Huawei TalkBand B2华为智能手环 智选从容">Huawei TalkBand B2华为智能手环 智选从容</a>
							</li>
							<li class="list-group-item">
								<span class="b three">3</span>
								<a href="http://www.jiyouh.com/news/2015-03-05/138.html" title="华为荣耀新总裁亮相 称今年重点立足海外">华为荣耀新总裁亮相 称今年重点立足海外</a>
							</li>
							<li class="list-group-item">
								<span class="b">4</span>
								<a href="/shenghuo/2015-02-20/52.html" title="一个女生的十年——手机里一直舍不得删的小说">一个女生的十年——手机里一直舍不得删的小说</a>
							</li>
							<li class="list-group-item">
								<span class="b">5</span>
								<a href="http://www.jiyouh.com/peijian/cdsb/2015-03-05/139.html" title="细节也要看清楚，华为MWC2015智能手表高清图赏">细节也要看清楚，华为MWC2015智能手表高清图赏</a>
							</li>
							<li class="list-group-item">
								<span class="b">6</span>
								<a href="http://www.jiyouh.com/shouji/apple/2015-03-05/137.html" title="传谷歌今年5月将推出iOS版本Android Wear">传谷歌今年5月将推出iOS版本Android Wear</a>
							</li>
						</ul>
					</div>
					<div role="tabpanel" class="tab-pane" id="profile">2...</div>
					<div role="tabpanel" class="tab-pane" id="messages">3...</div>
					<div class="care">
						<h3>热门标签</h3>
					</div>
					<div id="icons">
						<p>
							<a href="" class="icon1">运动相机</a><a href="" class="icon2">小蚁</a><a href="" class="icon3">咔咔</a><a href="" class="icon4">中兴</a>
						</p>
						<p>
							<a href="" class="icon5">AndroidWear</a> <a href="" class="icon6">iOS8</a> <a href="" class="icon7">5.0</a> <a href="" class="icon8">余承东</a>
						</p>
						<p>
							<a href=""  class="icon9">移动芯片</a> <a href="" class="icon2">SIM卡</a> <a href="" class="icon3">810</a> <a href="" class="icon4">骁龙</a>
						</p>
						<p>
							<a href="" class="icon5">高通</a> <a href="" class="icon6">Home键</a> <a href="" class="icon10">MX5Pro</a>
	     				</p>
					</div>
					<div class="care">
						<h3>热门文章</h3>
					</div>
					<div id="artical">
						<div class="artical_main">
							<div class="row">
								<div class="col-xs-3">
									<a href=""><img src="http://www.jiyouh.com/d/file/shouji/android/2015-02-24/2682b1336d2a6825def3d62c855f0b83.jpg"></a>
								</div>
								<div class="col-xs-9">
									<div class="guan">
										<h4><a href="">HTC One M9官方图曝光 配置价</a></h4>
										<p><span class="android">安卓(Android)</span><span class="times">2015-02-24</span></p>
									</div>
								</div>
							</div>
						</div>
						<div class="artical_main">
							<div class="row">
								<div class="col-xs-3">
									<a href=""><img src="http://www.jiyouh.com/d/file/peijian/qtpj/2015-03-06/490b5de1075e4577dc5fdfb3552ae5df.jpg"></a>
								</div>
								<div class="col-xs-9">
									<div class="guan">
										<h4><a href="">中兴“咔咔”运动相机在MWC2</a></h4>
										<p><span class="android">其他配件</span><span class="times">2015-02-24</span></p>
									</div>
								</div>
							</div>
						</div>
						<div class="artical_main">
							<div class="row">
								<div class="col-xs-3">
									<a href=""><img src="http://www.jiyouh.com/d/file/news/2015-03-05/a3020c4a12e1aafcc292741bd0b09244.jpg"></a>
								</div>
								<div class="col-xs-9">
									<div class="guan">
										<h4><a href="">华为荣耀新总裁亮相 称今年重点立足海外</a></h4>
										<p><span class="android">安卓(Android)</span><span class="times">2015-02-24</span></p>
									</div>
								</div>
							</div>
						</div>
						<div class="artical_main">
							<div class="row">
								<div class="col-xs-3">
									<a href=""><img src="http://www.jiyouh.com/d/file/shenghuo/2015-02-20/c32bec6baa4ccd354a9cb4cc20b34b37.png"></a>
								</div>
								<div class="col-xs-9">
									<div class="guan">
										<h4><a href="">一个女生的十年——手机里一直舍不得删的小说</a></h4>
										<p><span class="android">安卓(Android)</span><span class="times">2015-02-24</span></p>
									</div>
								</div>
							</div>
						</div>
						<div class="artical_main">
							<div class="row">
								<div class="col-xs-3">
									<a href=""><img src="http://www.jiyouh.com/d/file/peijian/cdsb/2015-03-05/020b1334822c2304ebf304380ebc42ac.jpg"></a>
								</div>
								<div class="col-xs-9">
									<div class="guan">
										<h4><a href="">细节也要看清楚，华为MWC2015智能手表高清图赏</a></h4>
										<p><span class="android">安卓(Android)</span><span class="times">2015-02-24</span></p>
									</div>
								</div>
							</div>
						</div>
					</div>
					<img src="http://www.jiyouh.com/skin/jiyouhui/images/03.jpg" class="images">
					<div id="fren">
						<p class="care">友情链接<span class="help">[<a href="">申请友情链接</a>]</span></p>
		  				<div class="lian">
		  					<a href="">手机配件</a>
		  					<a href="">苹果Apple</a>
		  					<a href="">SumSung</a>
		  					<a href="">三星</a>
		  					<a href="">Sony</a>
		  					<a href="">华为荣耀</a>
		  				</div>
		  				<p class="jiyou">
		  				机友汇有部分文章来源于互联网，版权归属于原作者。本站所有转载文章言论不代表本站观点，如是侵犯了原作者的权利请发邮件联系站长（zshl@jiyouh.com），我们收到后立即删除。
						</p>
					</div>
				</div>
			</div>
			</div>
			</div>
		</div>
	<div class="foot">
			<div class="footer">
				<div class="container">
					<div class="row">
						<div class="col-md-5">
							<img src="image/logo.png">
							<p class="jiyou">机友汇(jiyouh.com)，汇聚国内最优秀的智能手机资讯媒体平台!</p>
						</div>
						<div class="col-md-5">
							<div class="footer_left">
								<p class="x">
									<a href="" class="aa3"></a>
									<a href="" class="aa2"></a>
									<a href="" class="aa1"></a>
								</p>
								<p class="x2"><a href="">站长统计</a><a href="">关于我们</a><a href="">联系我们</a><a href="">加入我们</a><a href="">广告合作</a><a href="">投稿通道</a></p>
								<p class="jiyou x3">Copyright2015支持:天津智尚互联科技有限公司津ICP备15001073号-1</p>
							</div>
						</div>
						<div class="col-md-2 dat">
							<a href=""><img src="image/h.png"></a> 
						</div>
					</div>
				</div>
			</div>
		</div>
</body>
</html>
<script type="text/javascript">
	myFocus.set({
		id:'myFocus',
		pattern:'mF_fancy'
	});
	$(function(){
		$('.mouse').mouseover(function(){
			$(this).tab('show')
		})
	})
</script>
